{% extends 'article.html' %}

{% block page-main %}
    <div class="row">
        <div class="col-xs-3">


            <div class="wcp-su-out-box">
                <div class="unit">
                    <div id="loadingDivId"></div>
                    <ul class="doctypeUl" style="padding-left: 30px;">
                        {% for bigcategory in bigcategories %}
                            <li><h5 class="showLableTypenull"><a class="linkTitle linklevel1 active" href="{% url 'article_list' bigcategory.pk %}">{{ bigcategory.title }}</a></h5>
                                <ul style="display: block;">
                                    {% for categories in bigcategory.categories.all %}
                                    <li><h5 class="showLableTypenull"><a class="linkTitle linklevel2" href="{% url 'article_list' categories.bigcategory_id categories.subcategory_id %}">{{ categories.subcategory.title }}</a></h5>
                                    </li>
                                    {% endfor %}
                                </ul>
                            </li>
                        {% endfor %}
                    </ul>
                </div>
            </div>

        </div>
        <div class="col-xs-9" style="padding-left: 5px;">


            <div class="wcp-su-out-box" style="margin-bottom: 4px;">
                <div class="unit"
                     style="margin-top: 0px; padding-top: 0px; padding-bottom: 0px; margin-bottom: 0px; padding-left: 10px; padding-right: 0px;">
                    <!-- 列表展示知识 -->


                    <style>
                        .tagsearch {
                            cursor: pointer;
                            padding: 2px;
                            padding-left: 4px;
                            padding-right: 4px;
                            font-size: 12px;
                            background-color: #aaa;
                        }

                        .wcp-typetop {
                            font-size: 0.7em;
                            padding-left: 6px;
                            padding-right: 6px;
                            padding-top: 2px;
                            padding-bottom: 2px;
                            position: relative;
                            top: -3px;
                        }

                        .wcp-coin-flag {
                            width: 1.2em;
                            height: 1.2em;
                            margin-top: -3px;
                        }
                    </style>

                    {#!!!__右侧每篇文章简介__#}
                    {% if articles %}
                        {% for article in articles %}
                            <div class="stream-list p-stream doc_brief">
                                <div class="stream-item" id="loop-30">
                                    <div class="media-body">
                                        <div style="margin-left: 4px;" class="pull-left">
                                            <div class="doc_node_title_box">
                                                <a class="doc_node_title" target="_blank"
                                                   href="webdoc/view/Pub2c902a8d6dc8c1da016dc94f86e501d0.html">


                                                    <span class="glyphicon glyphicon-folder-close"></span>
                                                    {{ article.title }}
                                                </a>
                                            </div>


                                            <div>
                                                <p class="doc_node_content" style="margin-bottom: 4px; height: auto;">
                                                    {{ article.abstract }}
                                                </p>
                                            </div>

                                            <div style="max-height: 48px; overflow: hidden; margin-bottom: 4px;">


                                                <span class="label label-default tagsearch" title=""></span>


                                            </div>
                                            <div class="side_unit_info side_unit_info_left_box">
                                                <a href="webuser/PubHome.do?userid=40288b854a329988014a329a12f30002"
                                                   class="tip" title=""> <i
                                                        class="glyphicon glyphicon-user"></i>
                                                    <span>{{ article.author.position }}</span>
                                                </a> &nbsp;&nbsp;&nbsp;
                                                {{ article.publish_time }}
                                                &nbsp;&nbsp;&nbsp; <a
                                                    href="webtype/view2c902a8d6dc8c1da016dc939762700fd/Pub1.html">
                                                來源: <span class="tip">{{ article.author.name }}</span>
                                            </a> &nbsp;&nbsp;&nbsp; <span title="评价">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            </div>
                        {% endfor %}
                    {% else %}
                        <div class="stream-list p-stream doc_brief">
                            <div class="stream-item" id="loop-30">
                                <div class="media-body">
                                    <h2>该分类下没有文章</h2>
                                </div>
                            </div>
                        </div>
                    {% endif %}

                {#__右侧文章简介__!!!#}

            </div>
        </div>
{% endblock %}